<template>
  <div>
    <div class="top">
      <router-view></router-view>
    </div>
    <div>
      <!-- van-tabbar van-tabbar
                 active-color:选中某项后的颜色
                 route:是否使用路由模式
                 默认插槽：放选项的内容(van-tabbar-item组件)
                 van-tabbar-item
                       icon:对应选项的图标
                       默认插槽：选项的文本内容
                       to:对应点击后的跳转地址（与route路由模式配合使用）  -->
      <van-tabbar active-color="#fa8275" :route="true" placeholder>
        <van-tabbar-item to="/article" icon="fire-o">面经</van-tabbar-item>
        <van-tabbar-item to="/collect" icon="star-o">收藏</van-tabbar-item>
        <van-tabbar-item to="/like" icon="like-o">点赞</van-tabbar-item>
        <van-tabbar-item to="/my" icon="manager-o">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style></style>
